<!-- src/app/login/login.component.html -->
<div class="divLogin">
    <div class="container mt-5">
        <div class="row justify-content-center">
          <div class="col-md-6">
            <div class="card">
              <div class="card-body">
                <h2 class="text-center mb-4">Login</h2>
                <form (ngSubmit)="onSubmit(loginForm)" #loginForm="ngForm">
                  <div class="mb-3">
                    <label for="username" class="form-label">Username</label>
                    <input type="text" class="form-control" id="username" name="name" [(ngModel)]="model.name" required>
                  </div>
                  <div class="mb-3">
                    <label for="password" class="form-label">Password</label>
                    <input type="password" class="form-control" id="password" name="password" [(ngModel)]="model.password" required>
                  </div>
                  <button type="submit" class="btn btn-primary" [disabled]="!loginForm.form.valid">Login</button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
</div>

  